<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/html5.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.banner.js"></script>
    <script type="text/javascript" language="javascript" src="js/jcarousellite.js"></script>
    <script type="text/javascript" language="javascript" src="js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/shop.css" />
    <link rel="shortcut icon" href="img/favicon.ico" />
    <script type="text/javascript">
        $(document).ready(function(){
            // Only Today 
            setTimeout(function(){
                 if($('#onlyToday #thumb1').css('display') == 'block'){
                     $('#onlyToday #thumb1').hide().children('div').removeClass('flipIt');
                     $('#onlyToday #thumb2').fadeIn().children('div').addClass('flipIt');
                 }else{
                     $('#onlyToday #thumb2').hide().children('div').removeClass('flipIt');
                     $('#onlyToday #thumb1').fadeIn().children('div').addClass('flipIt');
                 }
            }, 5000); // 5s
            // Top MAIN banner rolling
            $("#main_Top_Roll").jQBanner({
                nWidth:588,
                nHeight:426,
                nCount:9,
                isActType:"left",
                nOrderNo:1,
                isStartAct:"N",
                isStartDelay:"Y",
                nDelay:7000
            }); 
            // Top ONLY banner rolling
            $("#main_Only_Roll").jQBanner({
                nWidth:245,
                nHeight:151,
                nCount:2,
                isActType:"left",
                nOrderNo:1,
                isStartAct:"N",
                isStartDelay:"Y",
                nDelay:2500
            });
            // MD Choice banner rolling
            $("#box_MD_Roll").jCarouselLite({
                visible: 5,
                auto: 3500,
                speed: 1000,
                btnPrev: "#md_choice .btnprev",
                btnNext: "#md_choice .btnnext"
            }); 
            // MD Choice banner rolling
            $("#box_Flat_Price_Roll").jQBanner({
                nWidth:370,
                nHeight:370,
                nCount:3,
                isActType:"left",
                nOrderNo:1,
                isStartAct:"N",
                isStartDelay:"Y",
                nDelay:5000
            }); 
            // Find Search words click
            $('#find_Keywords a').click(function(){
                $('#find_Keywords a').removeClass('on');
                $(this).addClass('on');
                return false;
            });
            // Hot Promotion rolling
            $("#hot_Promotion_Roll").jQBanner({
                nWidth:349,
                nHeight:298,
                nCount:3,
                isActType:"left",
                nOrderNo:1,
                isStartAct:"N",
                isStartDelay:"Y",
                nDelay:5000
            }); 
            // Babo Best tabs click
            $('#best ul.topnav li').click(function(){
               $('#best ul.topnav li').removeClass('on');
               $(this).addClass('on'); 
               
               // open tab panel
               $('#best div.content ul.items').hide();
               var panelID = $(this).attr('panel');
               $('#'+ panelID).show();
            });
            // Brand pick Rolling
            $("#brand_Pick_Roll").jQBanner({
                nWidth:1095,
                nHeight:310,
                nCount:3,
                isActType:"left",
                nOrderNo:1,
                isStartAct:"N",
                isStartDelay:"Y",
                nDelay:5000
            }); 
            // Category Event Rolling 
            $("#cate_Event_Roll").jQBanner({
                nWidth:250,
                nHeight:400,
                nCount:5,
                isActType:"left",
                nOrderNo:1,
                isStartAct:"N",
                isStartDelay:"Y",
                nDelay:7000
            }); 
            // Gift card rolling
            $("#gift_Cart_Roll").jCarouselLite({
                visible: 2,
                auto: 3000,
                speed: 1000,
                btnPrev: "#cs_center .btnprev",
                btnNext: "#cs_center .btnnext"
            }); 
            // CS Center - Notice tabs click
            $('#cs_center ul.topnav li').click(function(){
               $('#cs_center ul.topnav li').removeClass('on');
               $(this).addClass('on'); 
               
               // open tab panel
               $('#cs_center ul.navlist').hide();
               var panelID = $(this).attr('panel');
               $('#'+ panelID).show();
            });
        });
    </script>
</head>
<body>
    <!--
    <div id="main_top_event" style="background:url('img/main/bg_top_event.gif') center top;"><div class="container"><img src="img/banner/main_top_event.jpg" /></div></div>
    -->
    <header>
        <div class="container">
            <div class="gnb">
                <ul>
                    <li><a href="#" title="로그인">로그인</a></li>
                    <li><a href="#" title="회원가입">회원가입</a></li>
                    <li><a href="#" title="회원가입">장바구니</a></li>
                    <li><a href="#" title="주문배송조회">주문배송조회</a></li>
                    <li class="my">
                        <a href="#" title="마이페이지">마이페이지 <img src="img/main/search_select_arrow.gif"></a>
                        <ul class="my-nav">
                            <li><a href="#">오늘본상품</a></li>
                            <li><a href="#">찜한상품</a></li>
                            <li><a href="#">관심브랜드</a></li>
                            <li><a href="#">내쿠폰함</a></li>
                            <li><a href="#">이벤트당첨안내</a></li>
                        </ul>
                    </li>
                    <li><a href="#" title="고객행복센터">고객행복센터</a></li>
                </ul>
            </div>
            <div class="navtop">
                <ul>
                    <li class="logo"><div class="logo-wrapper"><a href="#"><img src="img/main/babosarang_logo.png" /></a></div></li>
                    <li class="search">
                        <div class="search-box">
                            <div class="select">
                                바보사랑<img class="arrow" src="img/main/search_select_arrow.gif" />
                                <ul class="items">
                                    <li>바보사랑</li>
                                    <li>도서</li> 
                                </ul>
                            </div>
                            <input class="input" type="text" value="" />
                            <input class="submit" type="image"  src="img/main/btn_search.gif"/>
                        </div>
                        <ul class="search-hot">
                            <li class="tit">HOT</li>
                            <li><a href="#">다이어리</a></li>
                            <li><a href="#">스냅백</a></li>
                            <li><a href="#">카네이션</a></li>
                            <li><a href="#">여행가방</a></li>
                        </ul>
                    </li>
                    <li class="quick">
                        <ul class="toplink">
                            <li class="review"><a href="#" onmouseover="MM_swapImage('mQuickReview','','img/main/quick_review_on.gif',1)" onmouseout="MM_swapImgRestore()"><img id="mQuickReview" src="img/main/quick_review.gif" /></a></li>
                            <li class="culture"><a href="#" onmouseover="MM_swapImage('mQuickCulture','','img/main/quick_culture_on.gif',1)" onmouseout="MM_swapImgRestore()"><img id="mQuickCulture" src="img/main/quick_culture.gif" /></a></li>
                            <li class="story"><a href="#" onmouseover="MM_swapImage('mQuickStory','','img/main/quick_story_on.gif',1)" onmouseout="MM_swapImgRestore()"><img id="mQuickStory" src="img/main/quick_story.gif" /></a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <nav class="main-menu">
                <ul>
                    <li><a href="#" title="" onmouseover="MM_swapImage('mnEvent','','img/main/mn_event_on.png',1)" onmouseout="MM_swapImgRestore()"><img id="mnEvent" src="img/main/mn_event.png" /></a></li>
                    <li><a href="#" title="" onmouseover="MM_swapImage('mnSale','','img/main/mn_sale_on.png',1)" onmouseout="MM_swapImgRestore()"><img id="mnSale" src="img/main/mn_sale.png" /></a></li>
                    <li><a href="#" title="" onmouseover="MM_swapImage('mnCoupon','','img/main/mn_coupon_on.png',1)" onmouseout="MM_swapImgRestore()"><img id="mnCoupon" src="img/main/mn_coupon.png" /></a></li>
                    <li><a href="#" title="" onmouseover="MM_swapImage('mnBest','','img/main/mn_best_on.png',1)" onmouseout="MM_swapImgRestore()"><img id="mnBest" src="img/main/mn_best.png" /></a></li>
                    <li><a href="#" title="" onmouseover="MM_swapImage('mnNew','','img/main/mn_new_on.png',1)" onmouseout="MM_swapImgRestore()"><img id="mnNew" src="img/main/mn_new.png" /></a></li>
                    <li><a href="#" title="" onmouseover="MM_swapImage('mnBrand','','img/main/mn_brand_on.png',1)" onmouseout="MM_swapImgRestore()"><img id="mnBrand" src="img/main/mn_brand.png" /></a></li>
                </ul>
            </nav>
            <nav class="cate">
                <ul>
                    <li>
                        <div class="nm"><a href="#" title="" onmouseover="MM_swapImage('mnCate_01','','img/main/mn_cate_01_on.gif',1)" onmouseout="MM_swapImgRestore()"><img id="mnCate_01" src="img/main/mn_cate_01.gif" /></a><span class="arrow"></span></div>
                        <div class="sub"><!-- #.sub-cate 01 -->
                            <div class="box">
                                <ul class="list">
                                    <li class="topic">문구의 모든것</li>
                                    <li class="hot"><a href="#" title="">다이어리</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">플래너/캘린더</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">세트상품</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a></li>            
                                </ul>
                                <ul class="list">
                                    <li class="topic">오피스의 모든것</li>
                                    <li><a href="#" title="">사무용품</a></li> 
                                    <li><a href="#" title="">고급필기류</a></li>
                                    <li><a href="#" title="">화일/바인더</a></li>
                                    <li><a href="#" title="">PC&노트북용품</a></li>
                                    <li><a href="#" title="">PC&노트북주변기기</a></li>
                                    <li><a href="#" title="">USB메모리</a></li>
                                    <li><a href="#" title="">개인소품</a></li>
                                </ul>
                                <ul class="list last">
                                    <li class="topic">휴대폰의 모든것</li>
                                    <li><a href="#" title="">케이스</a></li>
                                    <li><a href="#" title="">필름</a></li>
                                    <li><a href="#" title="">휴대폰 액세서리</a></li>
                                    <li><a href="#" title="">이어폰&헤드폰</a></li>
                                    <li><a href="#" title="">휴대폰 주변용품</a></li>
                                </ul>
                                <ul class="nav">
                                    <li class="brand">
                                        <div class="wrapper">
                                            <h1>GOOD BRAND</h1>
                                            <a href="#">비온뒤</a><br/>
                                            <a href="#">라이브워크</a><br/>
                                            <a href="#">퍼니맨</a>
                                        </div>
                                    </li>
                                    <li class="event">
                                        <div class="wrapper">
                                            <h1>EVENT</h1>
                                            <div class="photo">
                                                <a href="#"><img width="140" height="120" src="img/main/mn_event_img_01.jpg" /></a>
                                                <div class="desc">잊지마세요!<br/>위클리 스케줄러</div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="diary">
                                    <img src="img/main/mn_event_banner.jpg" /><a href="#diary"><span class="go"></span></a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="nm"><a href="#" title="" onmouseover="MM_swapImage('mnCate_02','','img/main/mn_cate_02_on.gif',1)" onmouseout="MM_swapImgRestore()"><img id="mnCate_02" src="img/main/mn_cate_02.gif" /></a><span class="arrow"></span></div>
                        <div class="sub"><!-- #.sub-cate 02 -->
                            <div class="box">
                                <ul class="list">
                                    <li class="topic">문구의 모든것</li>
                                    <li class="hot"><a href="#" title="">다이어리</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">플래너/캘린더</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">세트상품</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a></li>            
                                </ul>
                                <ul class="list">
                                    <li class="topic">오피스의 모든것</li>
                                    <li><a href="#" title="">사무용품</a></li> 
                                    <li><a href="#" title="">고급필기류</a></li>
                                    <li><a href="#" title="">화일/바인더</a></li>
                                    <li><a href="#" title="">PC&노트북용품</a></li>
                                    <li><a href="#" title="">PC&노트북주변기기</a></li>
                                    <li><a href="#" title="">USB메모리</a></li>
                                    <li><a href="#" title="">개인소품</a></li>
                                </ul>
                                <ul class="list last">
                                    <li class="topic">휴대폰의 모든것</li>
                                    <li><a href="#" title="">케이스</a></li>
                                    <li><a href="#" title="">필름</a></li>
                                    <li><a href="#" title="">휴대폰 액세서리</a></li>
                                    <li><a href="#" title="">이어폰&헤드폰</a></li>
                                    <li><a href="#" title="">휴대폰 주변용품</a></li>
                                </ul>
                                <ul class="nav">
                                    <li class="brand">
                                        <div class="wrapper">
                                            <h1>GOOD BRAND</h1>
                                            <a href="#">비온뒤</a><br/>
                                            <a href="#">라이브워크</a><br/>
                                            <a href="#">퍼니맨</a>
                                        </div>
                                    </li>
                                    <li class="event">
                                        <div class="wrapper">
                                            <h1>EVENT</h1>
                                            <div class="photo">
                                                <a href="#"><img width="140" height="120" src="img/main/mn_event_img_01.jpg" /></a>
                                                <div class="desc">잊지마세요!<br/>위클리 스케줄러</div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="nm"><a href="#" title="" onmouseover="MM_swapImage('mnCate_03','','img/main/mn_cate_03_on.gif',1)" onmouseout="MM_swapImgRestore()"><img id="mnCate_03" src="img/main/mn_cate_03.gif" /></a><span class="arrow"></span></div>
                        <div class="sub"><!-- #.sub-cate 03 -->
                            <div class="box">
                                <ul class="list">
                                    <li class="topic">문구의 모든것</li>
                                    <li class="hot"><a href="#" title="">다이어리</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">플래너/캘린더</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">세트상품</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a></li>            
                                </ul>
                                <ul class="list">
                                    <li class="topic">오피스의 모든것</li>
                                    <li><a href="#" title="">사무용품</a></li> 
                                    <li><a href="#" title="">고급필기류</a></li>
                                    <li><a href="#" title="">화일/바인더</a></li>
                                    <li><a href="#" title="">PC&노트북용품</a></li>
                                    <li><a href="#" title="">PC&노트북주변기기</a></li>
                                    <li><a href="#" title="">USB메모리</a></li>
                                    <li><a href="#" title="">개인소품</a></li>
                                </ul>
                                <ul class="list last">
                                    <li class="topic">휴대폰의 모든것</li>
                                    <li><a href="#" title="">케이스</a></li>
                                    <li><a href="#" title="">필름</a></li>
                                    <li><a href="#" title="">휴대폰 액세서리</a></li>
                                    <li><a href="#" title="">이어폰&헤드폰</a></li>
                                    <li><a href="#" title="">휴대폰 주변용품</a></li>
                                </ul>
                                <ul class="nav">
                                    <li class="brand">
                                        <div class="wrapper">
                                            <h1>GOOD BRAND</h1>
                                            <a href="#">비온뒤</a><br/>
                                            <a href="#">라이브워크</a><br/>
                                            <a href="#">퍼니맨</a>
                                        </div>
                                    </li>
                                    <li class="event">
                                        <div class="wrapper">
                                            <h1>EVENT</h1>
                                            <div class="photo">
                                                <a href="#"><img width="140" height="120" src="img/main/mn_event_img_01.jpg" /></a>
                                                <div class="desc">잊지마세요!<br/>위클리 스케줄러</div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="nm"><a href="#" title="" onmouseover="MM_swapImage('mnCate_04','','img/main/mn_cate_04_on.gif',1)" onmouseout="MM_swapImgRestore()"><img id="mnCate_04" src="img/main/mn_cate_04.gif" /></a><span class="arrow"></span></div>
                        <div class="sub"><!-- #.sub-cate 04 -->
                            <div class="box">
                                <ul class="list">
                                    <li class="topic">문구의 모든것</li>
                                    <li class="hot"><a href="#" title="">다이어리</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">플래너/캘린더</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">세트상품</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a></li>            
                                </ul>
                                <ul class="list">
                                    <li class="topic">오피스의 모든것</li>
                                    <li><a href="#" title="">사무용품</a></li> 
                                    <li><a href="#" title="">고급필기류</a></li>
                                    <li><a href="#" title="">화일/바인더</a></li>
                                    <li><a href="#" title="">PC&노트북용품</a></li>
                                    <li><a href="#" title="">PC&노트북주변기기</a></li>
                                    <li><a href="#" title="">USB메모리</a></li>
                                    <li><a href="#" title="">개인소품</a></li>
                                </ul>
                                <ul class="list last">
                                    <li class="topic">휴대폰의 모든것</li>
                                    <li><a href="#" title="">케이스</a></li>
                                    <li><a href="#" title="">필름</a></li>
                                    <li><a href="#" title="">휴대폰 액세서리</a></li>
                                    <li><a href="#" title="">이어폰&헤드폰</a></li>
                                    <li><a href="#" title="">휴대폰 주변용품</a></li>
                                </ul>
                                <ul class="nav">
                                    <li class="brand">
                                        <div class="wrapper">
                                            <h1>GOOD BRAND</h1>
                                            <a href="#">비온뒤</a><br/>
                                            <a href="#">라이브워크</a><br/>
                                            <a href="#">퍼니맨</a>
                                        </div>
                                    </li>
                                    <li class="event">
                                        <div class="wrapper">
                                            <h1>EVENT</h1>
                                            <div class="photo">
                                                <a href="#"><img width="140" height="120" src="img/main/mn_event_img_01.jpg" /></a>
                                                <div class="desc">잊지마세요!<br/>위클리 스케줄러</div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="nm"><a href="#" title="" onmouseover="MM_swapImage('mnCate_05','','img/main/mn_cate_05_on.gif',1)" onmouseout="MM_swapImgRestore()"><img id="mnCate_05" src="img/main/mn_cate_05.gif" /></a><span class="arrow"></span></div>
                        <div class="sub"><!-- #.sub-cate 05 -->
                            <div class="box">
                                <ul class="list">
                                    <li class="topic">문구의 모든것</li>
                                    <li class="hot"><a href="#" title="">다이어리</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">플래너/캘린더</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">세트상품</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a></li>            
                                </ul>
                                <ul class="list">
                                    <li class="topic">오피스의 모든것</li>
                                    <li><a href="#" title="">사무용품</a></li> 
                                    <li><a href="#" title="">고급필기류</a></li>
                                    <li><a href="#" title="">화일/바인더</a></li>
                                    <li><a href="#" title="">PC&노트북용품</a></li>
                                    <li><a href="#" title="">PC&노트북주변기기</a></li>
                                    <li><a href="#" title="">USB메모리</a></li>
                                    <li><a href="#" title="">개인소품</a></li>
                                </ul>
                                <ul class="list last">
                                    <li class="topic">휴대폰의 모든것</li>
                                    <li><a href="#" title="">케이스</a></li>
                                    <li><a href="#" title="">필름</a></li>
                                    <li><a href="#" title="">휴대폰 액세서리</a></li>
                                    <li><a href="#" title="">이어폰&헤드폰</a></li>
                                    <li><a href="#" title="">휴대폰 주변용품</a></li>
                                </ul>
                                <ul class="nav">
                                    <li class="brand">
                                        <div class="wrapper">
                                            <h1>GOOD BRAND</h1>
                                            <a href="#">비온뒤</a><br/>
                                            <a href="#">라이브워크</a><br/>
                                            <a href="#">퍼니맨</a>
                                        </div>
                                    </li>
                                    <li class="event">
                                        <div class="wrapper">
                                            <h1>EVENT</h1>
                                            <div class="photo">
                                                <a href="#"><img width="140" height="120" src="img/main/mn_event_img_01.jpg" /></a>
                                                <div class="desc">잊지마세요!<br/>위클리 스케줄러</div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="nm"><a href="#" title="" onmouseover="MM_swapImage('mnCate_06','','img/main/mn_cate_06_on.gif',1)" onmouseout="MM_swapImgRestore()"><img id="mnCate_06" src="img/main/mn_cate_06.gif" /></a><span class="arrow" style="left:28px;"></span></div>
                        <div class="sub"><!-- #.sub-cate 06 -->
                            <div class="box">
                                <ul class="list">
                                    <li class="topic">문구의 모든것</li>
                                    <li class="hot"><a href="#" title="">다이어리</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">플래너/캘린더</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">세트상품</a></li>
                                    <li><a href="#" title="">노트/메모</a></li>
                                    <li><a href="#" title="">필통</a></li>
                                    <li><a href="#" title="">필기류</a></li>
                                    <li><a href="#" title="">데코아이템</a></li>
                                    <li><a href="#" title="">데스크용품</a></li>            
                                </ul>
                                <ul class="list">
                                    <li class="topic">오피스의 모든것</li>
                                    <li><a href="#" title="">사무용품</a></li> 
                                    <li><a href="#" title="">고급필기류</a></li>
                                    <li><a href="#" title="">화일/바인더</a></li>
                                    <li><a href="#" title="">PC&노트북용품</a></li>
                                    <li><a href="#" title="">PC&노트북주변기기</a></li>
                                    <li><a href="#" title="">USB메모리</a></li>
                                    <li><a href="#" title="">개인소품</a></li>
                                </ul>
                                <ul class="list last">
                                    <li class="topic">휴대폰의 모든것</li>
                                    <li><a href="#" title="">케이스</a></li>
                                    <li><a href="#" title="">필름</a></li>
                                    <li><a href="#" title="">휴대폰 액세서리</a></li>
                                    <li><a href="#" title="">이어폰&헤드폰</a></li>
                                    <li><a href="#" title="">휴대폰 주변용품</a></li>
                                </ul>
                                <ul class="nav">
                                    <li class="brand">
                                        <div class="wrapper">
                                            <h1>GOOD BRAND</h1>
                                            <a href="#">비온뒤</a><br/>
                                            <a href="#">라이브워크</a><br/>
                                            <a href="#">퍼니맨</a>
                                        </div>
                                    </li>
                                    <li class="event">
                                        <div class="wrapper">
                                            <h1>EVENT</h1>
                                            <div class="photo">
                                                <a href="#"><img width="140" height="120" src="img/main/mn_event_img_01.jpg" /></a>
                                                <div class="desc">잊지마세요!<br/>위클리 스케줄러</div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="nm"><a href="#" title="" onmouseover="MM_swapImage('mnCate_07','','img/main/mn_cate_07_on.gif',1)" onmouseout="MM_swapImgRestore()"><img id="mnCate_07" src="img/main/mn_cate_07.gif" /></a><span class="arrow" style="left:24px;"></span></div>
                        <div class="sub"><!-- #.sub-cate 07 -->
                            <div class="box">
                                <ul class="list book">
                                    <li class="topic">도서</li>
                                    <li class="hot">디자인도서<a href="#" title=""></a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">시/에세이/기행</a></li>
                                    <li><a href="#" title="">역사/신화/문화</a></li>
                                    <li><a href="#" title="">사회/정치/법률</a></li>
                                    <li><a href="#" title="">자기계발</a></li>
                                    <li><a href="#" title="">가정/생활/요리</a>
                                    <li><a href="#" title="">유아</a> <img src="img/main/ic_mn_hot.gif" /></li>
                                    <li><a href="#" title="">학습/참고서</a></li>
                                    <li><a href="#" title="">예술/대중문화</a></li>
                                    <li><a href="#" title="">잡지</a></li>
                                    <li><a href="#" title="">컴퓨터/인터넷</a></li>
                                    <li><a href="#" title="">대학교재</a></li> 
                                    <li><a href="#" title="">일본서</a></li> 
                                </ul>    
                                <ul class="list book-inline"> 
                                    <li class="topic"></li>
                                    <li><a href="#" title="">소설</a></li>
                                    <li><a href="#" title="">인문/교양/철학</a></li>
                                    <li><a href="#" title="">종교</a></li>
                                    <li><a href="#" title="">경제/경영</a></li>
                                    <li><a href="#" title="">외국어/사전</a></li>
                                    <li><a href="#" title="">건강/의학/미용</a></li>
                                    <li><a href="#" title="">어린이</a></li>
                                    <li><a href="#" title="">청소년</a></li>
                                    <li><a href="#" title="">여행/취미/레저</a></li>
                                    <li><a href="#" title="">만화</a></li>
                                    <li><a href="#" title="">자연과학/공학</a></li>
                                    <li><a href="#" title="">서양서</a></li>
                                </ul>
                                <ul class="list last">
                                    <li class="topic">수험서</li>
                                    <li><a href="#" title="">공무원</a></li>
                                    <li><a href="#" title="">국가고시 </a></li>
                                    <li><a href="#" title="">임용시험</a></li>
                                    <li><a href="#" title="">대기업/공기업/면접</a></li>
                                    <li><a href="#" title="">편입/진학/전문대학원</a></li>
                                    <li><a href="#" title="">대표저자 수험서</a></li>
                                    <li><a href="#" title="">국가기술자격증</a></li>
                                    <li><a href="#" title="">국가전문자격증</a></li>
                                    <li><a href="#" title="">민간전문자격증</a></li>
                                    <li><a href="#" title="">외국자격증</a></li>
                                </ul>
                                <ul class="nav">
                                    <li class="event book">
                                        <div class="wrapper">
                                            <h1>EVENT</h1>
                                            <div class="photo">
                                                <a href="#"><img width="90" height="129" src="img/main/mn_book_img_01.jpg" /></a>
                                            </div>
                                            <div class="round"></div>
                                            <div class="name"><a href="#">이달의 책 선정 기념리뷰 추첨 연극티켓 증정</a></div>
                                            <div class="time">~14.05.31</div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="diary">
                                    <img src="img/main/mn_event_book.jpg" /><a href="#book"><span class="go"></span></a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="roma">
                        <a href="#"><img id="mn_Cate_R1" src="img/main/mn_cate_r1.gif" /></a> 
                        <img class="divide" src="img/main/mn_cate_divide.gif" /> 
                        <a href="#"><img id="mn_Cate_R2" src="img/main/mn_cate_r2_on.gif" /></a>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <section>
        <div id="babo">
            <div class="container">
                <!-- /////////////////////////////////////////////////// -->
                <!-- Begin: Babo Top Block -->
                <div id="top" class="clearfix">
                    <!-- Begin: Column 1 - Top Banner Rolling -->
                    <div class="col1 fl">
                        <div id="main_Top_Roll" class="rolling">
                            <div class="JqueryBannerSlides">
                                <div style="display:block;"><a href="#"><img width="588" height="426" src="img/banner/main_top_01.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="588" height="426" src="img/banner/main_top_02.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="588" height="426" src="img/banner/main_top_03.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="588" height="426" src="img/banner/main_top_04.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="588" height="426" src="img/banner/main_top_05.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="588" height="426" src="img/banner/main_top_01.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="588" height="426" src="img/banner/main_top_02.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="588" height="426" src="img/banner/main_top_03.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="588" height="426" src="img/banner/main_top_04.jpg" /></a></div>
                            </div>
                            <div class="JqueryBannerButton">
                                <img alt="1번" outsrc="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" src="img/common/rbtn_off.png" btnno="0"/>
                                <img alt="2번" outsrc="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" src="img/common/rbtn_off.png" btnno="1" />
                                <img alt="3번" outsrc="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" src="img/common/rbtn_off.png" btnno="2" />
                                <img alt="4번" outsrc="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" src="img/common/rbtn_off.png" btnno="3" />
                                <img alt="5번" outsrc="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" src="img/common/rbtn_off.png" btnno="4" />
                                <img alt="6번" outsrc="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" src="img/common/rbtn_off.png" btnno="5" />
                                <img alt="7번" outsrc="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" src="img/common/rbtn_off.png" btnno="6" />
                                <img alt="8번" outsrc="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" src="img/common/rbtn_off.png" btnno="7" />
                                <img alt="9번" outsrc="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" src="img/common/rbtn_off.png" btnno="8" />
                            </div>
                        </div>
                    </div>
                    <!-- End:   Column 1 - Top Banner Rolling -->
                    <!-- Begin: Column 2 - Top Search, Ex -->
                    <div class="col2 fl">
                        <div class="search">
                            <a href="#"><img class="" width="245" height="247" src="img/main/top_search.jpg" /></a>
                        </div>
                        <div class="ex mgt10">
                            <a href="#"><img width="245" height="171" src="img/main/top_ex.jpg" /></a>
                        </div>
                    </div>
                    <!-- End:   Column 2 - Top Search, Ex -->
                    <!-- Begin: Column 3 - Top Only, Today Only -->
                    <div class="col3 fl">
                        <div id="main_Only_Roll" class="monly">
                            <div class="JqueryBannerSlides">
                                <div style="display:block;"><a href="#"><img class="" width="245" height="151" src="img/main/top_only_01.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img class="" width="245" height="151" src="img/main/top_only_02.jpg" /></a></div>
                            </div>
                            <div class="JqueryBannerButtonL"><img src="img/main/btn_today_left.png"></div>
                            <div class="JqueryBannerButtonR"><img src="img/main/btn_today_right.png"></div>
                        </div>
                        <div id="onlyToday" class="onlytoday mgt10">
                            <div id="thumb1" class="thumb flip">
                                <div class="thumb-detail">
                                    <ul class="remain-time">
                                        <li><span>0</span></li><li><span>2</span></li><li class="codon"></li>
                                        <li><span>1</span></li><li><span>6</span></li><li class="codon"></li>
                                        <li><span>0</span></li><li><span>9</span></li>
                                    </ul>
                                    <a href="#"><img width="245" height="267" src="img/main/top_only_today_01.jpg"/></a>
                                </div>
                            </div>
                            <div id="thumb2" class="thumb flip" style="display:none;">
                                <div class="thumb-detail">
                                    <ul class="remain-time">
                                        <li><span>0</span></li><li><span>2</span></li><li class="codon"></li>
                                        <li><span>1</span></li><li><span>6</span></li><li class="codon"></li>
                                        <li><span>0</span></li><li><span>9</span></li>
                                    </ul>
                                    <a href="#"><img width="245" height="267" src="img/main/top_only_today_01.jpg"/></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End:  Column 3 - Top Only, Today Only -->
                </div>  
                <!-- End: Babo Top Block -->
            </div>    
            <!-- #div.container -->	
			
            <!-- /////////////////////////////////////////////////// -->
            <!-- Begin: MD Choice -->
            <div class="container"><div class="title"><img src="img/main/title_md_choice.gif" /></div></div>
            <div class="md-bg">
                <div class="container">
                    <div id="md_choice">
                        <div class="btnprev"><img src="img/main/btn_md_prev.gif"></div>
                            <div id="box_MD_Roll" class="box">
                                <ul>
                                    <li><a href="#"><img src="img/main/md_choice_01.jpg" /></a></li>
                                    <li><a href="#"><img src="img/main/md_choice_02.jpg" /></a></li>
                                    <li><a href="#"><img src="img/main/md_choice_03.jpg" /></a></li>
                                    <li><a href="#"><img src="img/main/md_choice_04.jpg" /></a></li>
                                    <li><a href="#"><img src="img/main/md_choice_05.jpg" /></a></li>
                                </ul>
                            </div>
                        <div class="btnnext"><img src="img/main/btn_md_next.gif"></div>
                    </div>
                </div>	
            </div>
            <!-- End:   MD Choice -->
				
            <!-- div.container -->	
            <div class="container">    
                <!-- /////////////////////////////////////////////////// -->
                <div class="clearfix">
                    <!-- Begin: Flat & Price -->
                    <div id="flat_price">
                        <div class="title"><img src="img/main/title_flat_price.gif" /></div>
                        <div id="box_Flat_Price_Roll" class="box">
                            <div class="JqueryBannerSlides">
                                <div style="display: block;"><a href="#"><img width="370" height="370" src="img/main/flax_price_banner_01.jpg" /></a></div>
                                <div style="display: none;"><a href="#"><img width="370" height="370" src="img/main/flax_price_banner_01.jpg" /></a></div>
                                <div style="display: none;"><a href="#"><img width="370" height="370" src="img/main/flax_price_banner_01.jpg" /></a></div>
                            </div>
                            <div class="JqueryBannerButtonL"><img src="img/main/btn_fax_price_prev.png"></div>
                            <div class="JqueryBannerButtonR"><img src="img/main/btn_fax_price_next.png"></div>
                            <div class="JqueryBannerButton">
                                <img alt="1번" outsrc="img/common/rbtn5_off.png" oversrc="img/common/rbtn5_on.png" src="img/common/rbtn5_off.png" btnno="0"/>
                                <img alt="2번" outsrc="img/common/rbtn5_off.png" oversrc="img/common/rbtn5_on.png" src="img/common/rbtn5_off.png" btnno="1" />
                                <img alt="3번" outsrc="img/common/rbtn5_off.png" oversrc="img/common/rbtn5_on.png" src="img/common/rbtn5_off.png" btnno="2" />
                            </div>
                        </div>
                    </div> 
                    <!-- Begin: Flat & Price -->

                    <!-- Begin: Flat & Price -->
                    <div id="theme_story">
                        <div class="title"><img src="img/main/title_theme_story.gif" /></div>
                        <img src="img/main/theme_banner_01.jpg" usemap="#themeBanner" />
                        <map name="themeBanner">
                            <area shape="rect" coords="0,17,218,263" href="#theme1" title="토루네 커피컵 픽 세트" />
                            <area shape="rect" coords="497,17,717,163" href="#theme2" title="페코짱 정사각 4단 도시락 " />
                            <area shape="rect" coords="0,206,219,349" href="#theme3" title="숲속의 리락쿠마 도시락가방" />
                            <area shape="rect" coords="496,206,717,349" href="#theme4" title="토루네 애니멀 오니기리 랩" />
                            <area shape="rect" coords="230,62,485,317" href="#theme5" title="" />
                        </map>
                    </div> 
                    <!-- Begin: Flat & Price -->
                </div>
                
                <!-- /////////////////////////////////////////////////// -->
                <div class="clearfix">
                    <!-- Begin: Babo Best -->
                    <div id="best">
                        <div class="title"><img src="img/main/title_babo_best.gif" /></div>
                        <ul class="topnav">
                            <li class="best on" title="Best" panel="best_Panel" onclick=""><a class="more" href="#more" title="더보기"><img src="img/main/more_tit.gif" alt="더보기" /></a></li>
                            <li class="wish" title="Wish" panel="wish_Panel" onclick=""><a class="more" href="#more" title="더보기"><img src="img/main/more_tit.gif" alt="더보기" /></a></li>
                            <li class="review" title="Review" panel="review_Panel" onclick=""><a class="more" href="#more" title="더보기"><img src="img/main/more_tit.gif" alt="더보기" /></a></li>
                        </ul>
                        <div class="content">
                            <ul id="best_Panel" class="items">
                                <li class="row1 startln">
                                    <dl>
                                        <div class="no"><img src="img/main/no_01.gif" /></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_01.jpg" /></a></div>
                                    </dl>
                                </li>
                                <li class="row1">
                                    <dl><div class="no"><img src="img/main/no_02.gif" /></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_02.jpg" /></a></div></dl>
                                </li>
                                <li class="row1">
                                    <dl><div class="no"><img src="img/main/no_03.gif" /></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_03.jpg" /></a></div></dl>
                                </li>
                                <li class="row1 endln">
                                    <dl><div class="no"><img src="img/main/no_04.gif" /></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_04.jpg" /></a></div></dl>
                                </li>
                                <li class="row2 startln">
                                    <dl><div class="no"><img src="img/main/no_05.gif" /></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_05.jpg" /></a></div></dl>
                                </li>
                                <li class="row2">
                                    <dl><div class="no"><img src="img/main/no_06.gif" /></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_06.jpg" /></a></div></dl>
                                </li>
                                <li class="row2">
                                    <dl><div class="no"><img src="img/main/no_07.gif" /></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_07.jpg" /></a></div></dl>
                                </li>
                                <li class="row2 endln">
                                    <dl><div class="no"><img src="img/main/no_08.gif" /></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_08.jpg" /></a></div></dl>
                                </li>
                            </ul>
                            <ul id="wish_Panel" class="items" style="display:none;">
                                <li class="row1 startln">
                                    <dl><div class="heart"><img src="img/common/ic_heart_on.gif" /><span>2658</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_01.jpg" /></a></div></dl>
                                </li>
                                <li class="row1">
                                    <dl><div class="heart"><img src="img/common/ic_heart_on.gif" /><span>2200</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_02.jpg" /></a></div></dl>
                                </li>
                                <li class="row1">
                                    <dl><div class="heart"><img src="img/common/ic_heart_on.gif" /><span>1500</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_03.jpg" /></a></div></dl>
                                </li>
                                <li class="row1 endln">
                                    <dl><div class="heart"><img src="img/common/ic_heart_on.gif" /><span>500</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_04.jpg" /></a></div></dl>
                                </li>
                                <li class="row2 startln">
                                    <dl><div class="heart"><img src="img/common/ic_heart_on.gif" /><span>489</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_05.jpg" /></a></div></dl>
                                </li>
                                <li class="row2">
                                    <dl><div class="heart"><img src="img/common/ic_heart_on.gif" /><span>243</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_06.jpg" /></a></div></dl>
                                </li>
                                <li class="row2">
                                    <dl><div class="heart"><img src="img/common/ic_heart_on.gif" /><span>100</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_07.jpg" /></a></div></dl>
                                </li>
                                <li class="row2 endln">
                                    <dl><div class="heart"><img src="img/common/ic_heart_on.gif" /><span>54</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_08.jpg" /></a></div></dl>
                                </li>
                            </ul>
                            <ul id="review_Panel" class="items" style="display:none;">
                                <li class="row1 startln">
                                    <dl><div class="cmt"><img src="img/main/ic_comment.gif" /><span>158</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_01.jpg" /></a></div></dl>
                                </li>
                                <li class="row1">
                                    <dl><div class="cmt"><img src="img/main/ic_comment.gif" /><span>97</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_02.jpg" /></a></div></dl>
                                </li>
                                <li class="row1">
                                    <dl><div class="cmt"><img src="img/main/ic_comment.gif" /><span>87</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_03.jpg" /></a></div></dl>
                                </li>
                                <li class="row1 endln">
                                    <dl><div class="cmt"><img src="img/main/ic_comment.gif" /><span>80</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_04.jpg" /></a></div></dl>
                                </li>
                                <li class="row2 startln">
                                    <dl><div class="cmt"><img src="img/main/ic_comment.gif" /><span>74</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_05.jpg" /></a></div></dl>
                                </li>
                                <li class="row2">
                                    <dl><div class="cmt"><img src="img/main/ic_comment.gif" /><span>70</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_06.jpg" /></a></div></dl>
                                </li>
                                <li class="row2">
                                    <dl><div class="cmt"><img src="img/main/ic_comment.gif" /><span>54</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_07.jpg" /></a></div></dl>
                                </li>
                                <li class="row2 endln">
                                    <dl><div class="cmt"><img src="img/main/ic_comment.gif" /><span>47</span></div><div class="photo"><a href="#"><img src="img/main/best_item_100px_08.jpg" /></a></div></dl>
                                </li>
                            </ul>
                        </div>  
                    </div>
                    <!-- End:   Babo Best -->

                    <!-- Begin: Find      -->
                    <div id="find">
                        <div class="title"><img src="img/main/title_find.gif" /></div>
                        <ul class="nav-tabs">
                            <li class="toolbar">
                                <div class="tit"><img src="img/main/find_search_tit.gif" /></div>
                                <div id="find_Keywords" class="words">
                                    <a class="" href="#">봄소풍</a><span>|</span><a class="on" href="#">파우치</a><span>|</span><a class="" href="#">가디건</a>
                                    <a class="" href="#">목걸이카드지갑</a><span>|</span><a class="" href="#">수제스티커</a>
                                </div>
                            </li>
                            <li class="photo"><a href="#"><img src="img/main/find_item_01.jpg" /></a></li>
                            <li class="info left">
                                <p>미키마우스<br/>도시락 주머니</p>
                                <span>15,700원</span>
                            </li>
                            <li class="photo"><a href="#"><img src="img/main/find_item_02.jpg" /></a></li>
                            <li class="info right">
                                <p>내 마음에<br/>시원한 바람이 불어요-</p>
                                <span>30,700원</span>
                            </li>
                            <li class="photo"><a href="#"><img src="img/main/find_item_03.jpg" /></a></li>
                        </ul>
                    </div>
                    <!-- End:   Find      -->
                </div>
                
                <!-- Begin: Sale Banners -->
                <div id="sale">
                    <ul class="ban">
                        <li><a href="#sale1"><img src="img/main/sale_banner_01.jpg" /></a></li><li class="line"></li>
                        <li><a href="#sale2"><img src="img/main/sale_banner_02.jpg" /></a></li><li class="line"></li>
                        <li><a href="#sale3"><img src="img/main/sale_banner_03.jpg" /></a></li>
                    </ul>
                </div>
                <!-- End:   Sale Banners -->
                
                <div class="clearfix">
                    <!-- Begin: Hot Promotion -->
                    <div id="hot_promotion">
                        <div class="title"><img src="img/main/title_hot_promotion.gif" /></div>
                        <div class="btnmore"><a href="#"><img src="img/main/more_tit.gif" /></a></div>
                        <div class="inner">
                            <ul class="list clearfix">
                                <li class="hot1"><a href="#hot1"><img src="img/main/hot_promotion_item_01.jpg" /></a></li> 
                                <li class="hot2">
                                    <a href="#hot2"><img src="img/main/hot_promotion_item_02.jpg" /></a>
                                    <a href="#hot3"><img src="img/main/hot_promotion_item_03.jpg" /></a>
                                </li> 
                                <li class="hot3">
                                    <div id="hot_Promotion_Roll" class="box">
                                        <div class="JqueryBannerSlides">
                                            <div style="display:block;"><a href="#"><img src="img/main/hot_promotion_item_04.jpg" /></a></div>
                                            <div style="display:none;"><a href="#"><img src="img/main/hot_promotion_item_04.jpg" /></a></div>
                                            <div style="display:none;"><a href="#"><img src="img/main/hot_promotion_item_04.jpg" /></a></div>
                                        </div>
                                        <div class="JqueryBannerButtonL"><img src="img/main/btn_hot_prev.png"></div>
                                        <div class="JqueryBannerButtonR"><img src="img/main/btn_hot_next.png"></div>
                                        <div class="JqueryBannerButton">
                                            <img alt="1번" outsrc="img/common/rbtn5_off.png" oversrc="img/common/rbtn5_on.png" src="img/common/rbtn5_off.png" btnno="0"/>
                                            <img alt="2번" outsrc="img/common/rbtn5_off.png" oversrc="img/common/rbtn5_on.png" src="img/common/rbtn5_off.png" btnno="1" />
                                            <img alt="3번" outsrc="img/common/rbtn5_off.png" oversrc="img/common/rbtn5_on.png" src="img/common/rbtn5_off.png" btnno="2" />
                                        </div>
                                    </div>
                                </li> 
                            </ul>
                        </div>
                    </div>
                    <!-- Begin: Hot Promotion -->

                    <!-- Begin: New Coupon -->
                    <div id="new_coupon">
                        <div class="title"><img src="img/main/title_new_coupon.gif" /></div>
                        <div class="btnmore"><a href="#"><img src="img/main/more_tit.gif" /></a></div>
                        <ul class="list">
                            <li><a href="#coupon1"><img src="img/main/coupon_item_01.jpg" /></a></li>
                            <li><a href="#coupon2"><img src="img/main/coupon_item_01.jpg" /></a></li>
                        </ul>
                    </div>
                    <!-- Begin: New Coupon -->
                </div>
                
                <!-- /////////////////////////////////////////////////// -->
                <!-- Begin: Brand Pick -->
                <div id="brand_pick">
                    <div id="brand_Pick_Roll" class="banner">
                        <div class="JqueryBannerButton">
                            <img alt="1번" outsrc="img/common/rbtn4_off.png" oversrc="img/common/rbtn4_on.png" src="img/common/rbtn4_off.png" btnno="0"/>
                            <img alt="2번" outsrc="img/common/rbtn4_off.png" oversrc="img/common/rbtn4_on.png" src="img/common/rbtn4_off.png" btnno="1" />
                            <img alt="3번" outsrc="img/common/rbtn4_off.png" oversrc="img/common/rbtn4_on.png" src="img/common/rbtn4_off.png" btnno="2" />
                        </div>
                        <div class="tit"><img src="img/main/title_brand_pick.gif" /></div>
                        <div class="JqueryBannerSlides">
                            <div class="slide-wrapper" style="display: block;">
                                <table width="100%">
                                    <colgroup>
                                        <col width="242" />
                                        <col width="340" />
                                        <col width="*" />
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <a href="#"><img width="253" height="256" src="img/main/brand_pick_ban_01.jpg" /></a>
                                            </td>
                                            <td>
                                                <dl class="info">
                                                    <dl class="inner">
                                                        <img src="img/main/brand_pick_info.gif"/>
                                                        <dl class="tags"><a href="#">써니데이</a>, <a href="#">어버이날 선물</a>, <a href="#">캐릭터 다이어리</a>, <a href="#">편지지</a><br/> <a href="#">미니백</a>, <a href="#">여름 블랑켓</a>, <a href="#">클리너</a>, <a href="#">폰 케이스</a></dl>
                                                    </dl>
                                                </dl>
                                            </td>
                                            <td>
                                                <table class="pick" width="490" border="0">
                                                    <tr>
                                                        <td><a href="#brand_pick01"><img src="img/main/brand_pick_item_01.jpg" /></a></td>
                                                        <td><a href="#brand_pick03"><img src="img/main/brand_pick_item_02.jpg" /></a></td>
                                                        <td rowspan="2"><a href="#brand_pick04"><img src="img/main/brand_pick_item_04.jpg" /></a></td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2"><a href="#brand_pick03"><img src="img/main/brand_pick_item_03.jpg" /></a></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="slide-wrapper" style="display: none;">
                                <table width="100%">
                                    <colgroup>
                                       <col width="242" />
                                        <col width="340" />
                                        <col width="*" />
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <a href="#"><img width="253" height="256" src="img/main/brand_pick_ban_01.jpg" /></a>
                                            </td>
                                            <td>
                                                <dl class="info">
                                                    <dl class="inner">
                                                        <img src="img/main/brand_pick_info.gif"/>
                                                        <dl class="tags"><a href="#">써니데이</a>, <a href="#">어버이날 선물</a>, <a href="#">캐릭터 다이어리</a>, <a href="#">편지지</a><br/> <a href="#">미니백</a>, <a href="#">여름 블랑켓</a>, <a href="#">클리너</a>, <a href="#">폰 케이스</a></dl>
                                                    </dl>
                                                </dl>
                                            </td>
                                            <td>
                                                <table class="pick" width="490" border="0">
                                                    <tr>
                                                        <td><a href="#brand_pick01"><img src="img/main/brand_pick_item_01.jpg" /></a></td>
                                                        <td><a href="#brand_pick03"><img src="img/main/brand_pick_item_02.jpg" /></a></td>
                                                        <td rowspan="2"><a href="#brand_pick04"><img src="img/main/brand_pick_item_04.jpg" /></a></td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2"><a href="#brand_pick03"><img src="img/main/brand_pick_item_03.jpg" /></a></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="slide-wrapper" style="display: none;">
                                <table width="100%">
                                    <colgroup>
                                        <col width="242" />
                                        <col width="340" />
                                        <col width="*" />
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <a href="#"><img width="253" height="256" src="img/main/brand_pick_ban_01.jpg" /></a>
                                            </td>
                                            <td>
                                                <dl class="info">
                                                    <dl class="inner">
                                                        <img src="img/main/brand_pick_info.gif"/>
                                                        <dl class="tags"><a href="#">써니데이</a>, <a href="#">어버이날 선물</a>, <a href="#">캐릭터 다이어리</a>, <a href="#">편지지</a><br/> <a href="#">미니백</a>, <a href="#">여름 블랑켓</a>, <a href="#">클리너</a>, <a href="#">폰 케이스</a></dl>
                                                    </dl>
                                                </dl>
                                            </td>
                                            <td>
                                                <table class="pick" width="490" border="0">
                                                    <tr>
                                                        <td><a href="#brand_pick01"><img src="img/main/brand_pick_item_01.jpg" /></a></td>
                                                        <td><a href="#brand_pick03"><img src="img/main/brand_pick_item_02.jpg" /></a></td>
                                                        <td rowspan="2"><a href="#brand_pick04"><img src="img/main/brand_pick_item_04.jpg" /></a></td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2"><a href="#brand_pick03"><img src="img/main/brand_pick_item_03.jpg" /></a></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End:   Brand Pick -->
                
                <!-- /////////////////////////////////////////////////// -->
                <!-- Begin: Category Event -->
                <div class="title"><img src="img/main/title_category_event.gif" /></div>
                <div id="cate_event">
                    <div id="rolling">
                        <div id="cate_Event_Roll" class="inner">
                            <div class="JqueryBannerSlides">
                                <div style="display:block;"><a href="#"><img width="250" height="400" src="img/main/cate_event_roll_01.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="250" height="400" src="img/main/cate_event_roll_01.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="250" height="400" src="img/main/cate_event_roll_01.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="250" height="400" src="img/main/cate_event_roll_01.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img width="250" height="400" src="img/main/cate_event_roll_01.jpg" /></a></div>
                            </div>
                            <div class="JqueryBannerButton">
                                <img alt="1번" outsrc="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" src="img/common/rbtn2_off.png" btnno="0"/>
                                <img alt="2번" outsrc="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" src="img/common/rbtn2_off.png" btnno="1" />
                                <img alt="3번" outsrc="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" src="img/common/rbtn2_off.png" btnno="2" />
                                <img alt="4번" outsrc="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" src="img/common/rbtn2_off.png" btnno="3" />
                                <img alt="5번" outsrc="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" src="img/common/rbtn2_off.png" btnno="4" />
                            </div>
                        </div>
                    </div>
                    <div id="content">
                        <div class="catemn clearfix">
                            <div class="mn">
                                <ul class="tabs">
                                    <li>악세사리 보관!?</li>
                                    <li>시원한 내얼굴</li>
                                    <li>러블리한 손톱</li>
                                    <li>달달함에 풍덩~</li>
                                    <li>오늘 뭐하세요!</li>
                                </ul>
                                <div class="items">
                                    <div><a href="#evt_01"><img src="img/main/cate_event_ban_03.jpg" /></a></div>
                                    <div style="display: none;"><a href="#evt_02"><img src="img/main/cate_event_ban_03.jpg" /></a></div>
                                    <div style="display: none;"><a href="#evt_03"><img src="img/main/cate_event_ban_03.jpg" /></a></div>
                                    <div style="display: none;"><a href="#evt_04"><img src="img/main/cate_event_ban_03.jpg" /></a></div>
                                    <div style="display: none;"><a href="#evt_05"><img src="img/main/cate_event_ban_03.jpg" /></a></div>
                                </div>
                            </div>
                            <ul class="evt">
                                <li><a href="#"><img src="img/main/cate_event_ban_01.jpg" /></a></li>
                                <li><a href="#"><img src="img/main/cate_event_ban_02.jpg" /></a></li>
                            </ul>
                        </div>
                        <div class="banner mgt5">
                            <div class="box"><a href="#"><img src="img/main/cate_event_ban_04.jpg" /></a></div>
                        </div>
                    </div>
                </div>
                <!-- End:   Category Event -->
                
                <!-- /////////////////////////////////////////////////// -->
                <!-- Begin: Community -->
                <div class="title"><img src="img/main/title_community.gif" /></div>
                <div id="community">
                    <table>
                        <tr>
                            <td><a href="#"><img src="img/main/community_review.jpg" /></td>
                            <td><a href="#"><img src="img/main/community_life.jpg" /></td> 
                            <td rowspan="2"><a href="#"><img src="img/main/community_tester.jpg" /></td> 
                            <td rowspan="2"><a href="#"><img src="img/main/community_hotfocus.jpg" /></td> 
                        </tr>
                        <tr>
                            <td><a href="#"><img src="img/main/community_life.jpg" /></td>
                            <td><a href="#"><img src="img/main/community_discovery.jpg" /></td>    
                        </tr>
                    </table>
                    <table>
                        <tr>
                            <td><a href="#"><img src="img/main/community_book.jpg" /></td>
                            <td><a href="#"><img src="img/main/community_movie.jpg" /></td> 
                            <td><a href="#"><img src="img/main/community_show.jpg" /></td> 
                            <td><a href="#"><img src="img/main/community_culture.jpg" /></td> 
                        </tr>
                    </table>
                    <table>
                        <tr>
                            <td><a href="#"><img src="img/main/community_story_title.jpg" /></td>
                            <td rowspan="2"><a href="#"><img src="img/main/community_photo.jpg" /></td> 
                            <td rowspan="2"><a href="#"><img src="img/main/community_diary.jpg" /></td> 
                            <td><a href="#"><img src="img/main/community_story_life.jpg" /></td> 
                        </tr>
                        <tr>
                            <td><a href="#"><img src="img/main/community_story.jpg" /></td>
                            <td><a href="#"><img src="img/main/community_mail.jpg" /></td>    
                        </tr>
                    </table>
                </div>
                <!-- End:   Community -->
                
                <!-- /////////////////////////////////////////////////// -->
                <!-- Begin: Customer Center -->
                <div class="title"><img src="img/main/title_customer_center.gif" /></div>
                <div id="cs_center">
                    <div class="wrapper clearfix">
                        <div id="csleft">
                            <div class="r1 clearfix"><!-- /// row 1 -->
                                <div class="notice">
                                    <ul class="topnav clearfix">
                                        <li class="tab-notice on" panel="listNotice"><a title="더보기" href="#more" class="more"><img alt="더보기" src="img/main/more_tit.gif"></a></li>
                                        <li class="tab-event" panel="listEvent"><a title="더보기" href="#more" class="more"><img alt="더보기" src="img/main/more_tit.gif"></a></li>
                                    </ul>
                                    <div class="inner">
                                        <ul id="listNotice" class="navlist">
                                            <li><a href="#">삼성카드 온라인 결제 정상화 안내</a></li>
                                            <li><a href="#">삼성카드 온라인 결제 일시 중단</a></li>
                                            <li><a href="#">04월18일 고객센터 운영시간변경관련</a></li>
                                            <li><a href="#">4월 02일 새벽 05시부터 시스템점검 예..</a></li>
                                        </ul>
                                        <ul id="listEvent" class="navlist" style="display: none;">
                                            <li><a href="#">삼성카드 온라인 결제 정상화 안내</a></li>
                                            <li><a href="#">삼성카드 온라인 결제 일시 중단</a></li>
                                            <li><a href="#">04월18일 고객센터 운영시간변경관련</a></li>
                                            <li><a href="#">4월 02일 새벽 05시부터 시스템점검 예..</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="benefit">
                                    <div class="box">
                                        <table cellspacing="0" cellpadding="0" border="0">
                                            <colgroup>
                                                <col width="259" />
                                                <col width="1" />
                                                <col width="*" />
                                            </colgroup>
                                            <tbody>
                                                <tr>
                                                    <td class="cell-left">
                                                        <div class="item"><a href="#level"><img src="img/main/babo_level_box.gif" /></div>
                                                        <div class="ldash"></div>
                                                        <div class="item"><a href="#level"><img src="img/main/call_center_box.gif" /></div>
                                                    </td>
                                                    <td width="1"><div class="lnver"></div></td>
                                                    <td class="cell-right">
                                                        <table width="214" border="0">
                                                            <tr>
                                                                <td><img src="img/main/qr_code.gif" /></td>
                                                                <td rowspan="2"><img src="img/main/mobile_app.gif" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td><img src="img/main/qr_code_desc.gif" /></td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="ln"></div>
                            <div class="r2"><!-- /// row 2 -->
                                <div class="call-center"><!-- /// call center -->
                                    <div class="box">
                                        <table border="0">
                                            <colgroup>
                                                <col width="137" />
                                                <col width="*" />
                                            </colgroup>
                                            <tbody>
                                                <tr>
                                                    <td><img src="img/main/custom_tit.gif" /></td>
                                                    <td rowspan="2"><a href="#"><img src="img/main/btn_happy_cscenter.gif" /></a></td>
                                                </tr>
                                                <tr>
                                                    <td><img src="img/main/bg_custom_info.gif"></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="faq"><!-- /// faq section -->
                                    <div class="box">
                                        <div class="tit"><img src="img/main/bot_tit_01.gif"><a class="more" href="#faq"><img src="img/main/more_tit.gif"></a></div>
                                        <ul>
                                            <li><a href="#">TOP5</a></li>
                                            <li><a href="#">회원관련</a></li>
                                            <li><a href="#">주문결제관련</a></li>
                                            <li><a href="#">상품관련</a></li>
                                            <li><a href="#">배송관련</a></li>
                                            <li><a href="#">반품환불관련</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="guide"><!-- /// guide section -->
                                    <div class="box">
                                        <table>
                                            <colgroup>
                                                <col width="76"/>
                                                <col width="1"/>
                                                <col width="88"/>
                                                <col width="1"/>
                                                <col width="71"/>
                                            </colgroup>
                                            <tbody>
                                                <tr height="31">
                                                    <td valign="top" colspan="4"><img src="img/main/bot_tit_02.gif"></td>
                                                    <td valign="top" align="right"><a class="more" href="#faq"><img src="img/main/more_tit.gif"></a></td>
                                                </tr>
                                                <tr height="74">
                                                    <td valign="top" align="left">&nbsp;<a href="#"><img src="img/main/bg_member_box.gif" title="회원관련" /></a></td>
                                                    <td class="ln"></td>
                                                    <td valign="top" align="center"><a href="#"><img src="img/main/bg_delivery_box.gif" title="배송관련" /></a></td>
                                                    <td class="ln"></td>
                                                    <td valign="top" align="right"><a href="#"><img src="img/main/bg_payment_box.gif" title="주문/결제" /></a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="csright">
                            <div class="box">
                                <div class="inner">
                                    <img src="img/main/bg_gift_card.gif" />
                                    <div class="banner">
                                        <div class="btnprev"><img src="img/main/btn_gift_prev.png"></div>
                                        <div id="gift_Cart_Roll" class="rolling">
                                            <ul>
                                                <li><img src="img/main/gift_card_banner.gif" /></li>
                                                <li><img src="img/main/gift_card_banner.gif" /></li>
                                            </ul>
                                        </div>
                                        <div class="btnnext"><img src="img/main/btn_gift_next.png"></div>
                                    </div>
                                    <div class="connect">
                                        <img src="img/main/babo_connect.gif" usemap="#babo_Connect" />
                                        <map name="babo_Connect">
                                            <area shape="rect" coords="72,0,94,22" href="#B" title="B" />
                                            <area shape="rect" coords="96,0,118,22" href="#Twitter" title="Twitter" />
                                            <area shape="rect" coords="0,12,15,22" href="#Facebook" title="Facebook" />
                                            <area shape="rect" coords="146,0,168,22" href="#Cyworld" title="Cyworld" />
                                            <area shape="rect" coords="172,0,194,22" href="#Tstory" title="Tstory" />
                                        </map>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End:   Customer Center -->
                
                
                <br /><br /><br /><br /><br /><br />
            </div>      
        </div>
    </section>
    <footer>
        <div class="container"><img src="img/footer.jpg" /></div>
    </footer>
</body>
</html>